
.clearfix {
  @include clearfix;
}

body{
  font-family: Tahoma,Helvetica,"microsoft yahei","Hiragino Sans GB",Simsun,\5b8b\4f53,sans-serif;
  font-size: 14px;
  line-height: 20px;
  background-color: #fff;
}

a{
  color: $link-color;
  text-decoration: none;
  &:hover{
    color: darken($link-color, 5%);
  }
}

pre{
  font-family: monospace, monospace;
  font-size: 1em;
}

.iconfont {
  vertical-align: middle;
}

.text-center {
  text-align: center;
}
.text-right{
  text-align: right;
}

.img-responsive{
  display: block;
  width: auto;
  max-width: 100%;
}

.mgb-15 {
  margin-bottom: 15px;
}

.mgb-30 {
  margin-bottom: 30px;
}

.mgb-10{
  margin-bottom: 10px;
}
.mgb-22{
  margin-bottom: 22px;
}

.container-gray-bg{
  background-color: #f2f2f2;
}
.container-register{
  min-height: calc(100vh - 67px);;
}

.container-min-height{
  min-height: calc(100vh - 67px);;
}
.vh-100{
  height: 100vh;
}
.titlebar{
  .title{
    margin: 0;
    padding-left: 10px;
    line-height: 16px;
    font-size: 14px;
    color: #555;
    border-left: 2px solid $primary-color;
  }
}

.el-form-group{
  label.error{
    position: absolute;
    left: 0;
    top: 100%;
    display: block;
    margin: 0;
    padding-left: 5px;
    line-height: 16px;
    color: red;
    font-size: 12px;
    box-sizing: border-box;
    &:before{
      content: '\e68e';
      display: inline-block;
      margin-right: 8px;
      font-family:"iconfont" !important;
      font-size:14px;
      font-style:normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      vertical-align: middle;
    }
  }
}